<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link rel="stylesheet" href="./css/style.css">
</head>
<body>
    <header>
        <nav>
         <div class="navigation">
            <div class="n1">
                送货至：
                <a href="#" class="a">
                    四川
                </a>
            </div>
            <div class="n2">
                手机版
                <a href="#">
                    <img src="./images/s_tel.png" alt="">
                </a>
            </div>
            <div class="vertical">|</div>
            <div class="n3">
                关注我们：
                <a href="#">
                    <img src="./images/sh1.png">
                </a>
                <a href="#">
                    <img src="./images/sh2.png">
                </a>
            </div>
            <div class="vertical">|</div>
            <div class="n4">
                <a href="#">
                    网站导航
                    <span class="be">&gt;</span>
                </a>
            </div>
            <div class="n5">
               <span>
                    <a href="#">
                       客户服务
                       <span class="be">&gt;</span>
                    </a>
                </span>
               <div class="n5_child">
                <p>
                    <a href="#" class="a n5_a">包裹跟踪</a>
                </p>
                <p>
                    <a href="#" class="a n5_a">创建问题</a>
                </p>
                <p>
                    <a href="#" class="a n5_a">在线退换货</a>
                </p>
                <p>
                    <a href="#" class="a n5_a">在线投诉</a>
                </p>
                <p>
                    <a href="#" class="a n5_a">配送范围</a>
                </p>
                </div>
            </div>
            <div class="n6">
                <a href="">
                    收藏夹
                    <span class="be">&gt;</span>
                </a>
            </div>
            <div class="vertical">|</div>
            <div class="n7">
                <a href="#">我的订单</a>
            </div>
            <div class="vertical">|</div>
            <div class="n8">
                你好！请 
                <a href="">登录 </a> 
                <a href="#" class="a">免费注册</a>
            </div>
         </div>
        </nav>
        <div class="logoSearch">
            <div class="logo">
                <a href="./index.html">
                  <img src="./images/logo.png" alt="">
                </a>
            </div>
            <div class="search">
            <form action="">
                <input type="text" placeholder="请输入关键字" class="input">
                <input type="submit" value="搜索" class="button">
            </form>
            <p class="keyword">
            <span>
                <a href="#">咖啡</a>
            </span>
            <span>
                <a href="#">iphone&nbsp;6s</a>
            </span>
            <span>
                <a href="#">新鲜美食</a>
            </span>
            <span>
                <a href="#">蛋糕</a>
            </span>
            <span>
                <a href="#">日用品</a>
            </span>
            <span>
                <a href="#">连衣裙</a>
            </span>
            </p>
          </div>
          <div class="shop">
              <a href="">
                  <img src="./images/car.png" alt="">
                  <span>购物车</span>
              </a>
          </div>
        </div>
        
    </header>
    <div class="body">
        <div class="top">
           <div>全部商品分类</div>
           <div>
               <a href="">首页</a>
               <a href="">自营超市</a>
               <a href="">一号团</a>
               <a href="">一号超市</a>
               <a href="">女装</a>
               <a href="">美妆</a>
               <a href="">一号海购</a>
               <a href="">团购</a>
            </div>
            <div>
                <a href="">
                    <img src="./images/phone.png" alt="">
                </a>
            </div>
        </div>
        <div class="under">
         <ul class="left">
            <li class="li1">
               <img src="./images/nav1.png" >
               <a href="#">进口食品、生鲜</a>
            </li>
            <li class="li2">
                <img src="./images/nav2.png" >
                <a href="#">食品、饮料、酒</a>
            </li>
            <li class="li3">
                <img src="./images/nav3.png" >
                <a href="#">母婴、玩具。童装</a>
            </li>
            <li class="li4">
                <img src="./images/nav4.png" >
                <a href="#">家具、家庭清洁、纸品</a>
            </li>
            <li class="li5">
                <img src="./images/nav5.png" >
                <a href="#">美妆、个人护理、洗护</a>
            </li>
            <li class="li6">
                <img src="./images/nav6.png" >
                <a href="#">女装、内衣、中老年</a>
            </li>
            <li class="li7">
                <img src="./images/nav7.png" >
                <a href="#">鞋靴、箱包、腕表配饰</a>
            </li>
            <li class="li8">
                <img src="./images/nav8.png" >
                <a href="#">男装、运动</a>
            </li>
            <li class="li9">
                <img src="./images/nav9.png" >
                <a href="#">手机、小家电、电脑</a>
            </li>
            <li class="li10">
                <img src="./images/nav10.png" >
                <a href="#">礼品、充值</a>
            </li>
         </ul>
         <div class="middle">
           <a href="">
               <img src="./images/ban1.jpg" alt="" height="400px">
            </a>
           <a href="">
               <img src="./images/b_left.png" alt="">
            </a>
           <a href="">
               <img src="./images/b_right.png" alt="">
            </a>
           <div class="point">
               <a href=""></a>
               <a href=""></a>
               <a href=""></a>
           </div>
         </div>
         <div class="right">
            <div><h3>快讯</h3><a href="">更多&gt;</a></div>
            <div>
              <p>
                <span>【特惠】</span>
                <a href="">掬一轮明月 表无尽悼念</a>
              </p>
              <p>
                <span>【公告】</span>
                <a href="">好奇金装成长裤新品上市</a>
              </p>
              <p>
                <span>【特惠】</span>
                <a href="">大牌闪购·抢！</a>
              </p>
              <p>
                <span>【公告】</span>
                <a href="">发福利 买车就抢千元油卡</a>
              </p>
              <p>
                <span>【公告】</span>
                <a href="">家电低至五折</a>
              </p>
            </div>
            <div>
                <h3>一号钱包</h3><hr>
                <p>收益日结，收益赚high</p>
                <a href="">
                    <img src="./images/oneAD.jpg" alt="" width="230px">
                </a>
            </div>
         </div>
        </div>
        <div class="under2">
            <a href="">
               <img src="./images/l_img.jpg" alt="" width="200px">
               <p><span>￥53.00</span><span>16R</span></p>
            </a>
            <div class="commodity">
              <a href="">
                <img src="./images/hot1.jpg" alt="">
                <img src="./images/hot.png" alt="">
                <img src="./images/b_left.png" alt="">
                <p>德国进口</p>
                <p>德亚全脂纯牛奶200ml*48盒</p>
                <p><span>￥189</span><span>26R</span></p>
              </a>
              <a href="">
                <img src="./images/hot2.jpg" alt="">
                <img src="./images/hot.png" alt="">
                <p>iphone 6S</p>
                <p>Apple/苹果 iPhone 6s Plus公开版</p>
                <p><span>￥5288</span><span>25R</span></p>
              </a>
              <a href="">
                <img src="./images/hot3.jpg" alt="">
                <img src="./images/hot.png" alt="">
                <p>倩碧特惠组合套装</p>
                <p>倩碧补水组合套装8折促销</p>
                <p><span>￥368</span><span>18R</span></p>
              </a>
              <a href="">
                <img src="./images/hot4.jpg" alt="">
                <img src="./images/hot.png" alt="">
                <img src="./images/b_right.png" alt="">
                <p>品利特级橄榄油</p>
                <p>750ml*4瓶组合 西班牙原装进口</p>
                <p><span>￥280</span><span>30R</span></p>
              </a>
            </div>
        </div>

        <div>
            <a href=""><img src="./images/mban_2.jpg" width="1228px" class="mban"></a>
        </div>
    </div>
    <footer>
        <div class="icon">
            <a href="">
               <img src="./images/b1.png" alt="">
               <h4>正品保障</h4>
               <p>正品行货 放心购买</p>
            </a>
            <a href="">
               <img src="./images/b2.png" alt="">
               <h4>满38包邮</h4>
               <p>满38包邮 免运费</p>
            </a>
            <a href="">
                <img src="./images/b3.png" alt="">
                <h4>天天低价</h4>
                <p>天天低价 畅选无忧</p>
            </a>
            <a href="">
                <img src="./images/b4.png" alt="">
                <h4>准时送达</h4>
                <p>收货时间由你做主</p>
            </a>
        </div>
        <div class="explain">
            <ul>
                <li>新手上路</li>
                <li><a href="">售后流程</a></li>
                <li><a href="">购物流程</a></li>
                <li><a href="">订购流程</a></li>
                <li><a href="">隐私声明</a></li>
                <li><a href="">推荐分享说明</a></li>
            </ul>
            <ul>
                <li>配送与支付</li>
                <li><a href="">货到付款区域</a></li>
                <li><a href="">配送支付查询</a></li>
                <li><a href="">支付方式说明</a></li>
            </ul>
            <ul>
                <li>会员中心</li>
                <li><a href="">资金管理</a></li>
                <li><a href="">我的收藏</a></li>
                <li><a href="">我的订单</a></li>
            </ul>
            <ul>
                <li>服务保障</li>
                <li><a href="">退换货原则</a></li>
                <li><a href="">售后服务保证</a></li>
                <li><a href="">产品质量保证</a></li>
            </ul>
            <ul>
                <li>联系我们</li>
                <li><a href="">网站故障报错</a></li>
                <li><a href="">购物咨询</a></li>
                <li><a href="">投诉与建议</a></li>
            </ul>
            <div class="qrCode">
               <img src="./images/er.gif" alt="">
               <p><img src="./images/ss.png" alt=""></p>
            </div>
            <div class="attention">
                <p><a href="">
                    <img src="./images/b_sh_1.png" alt="" width="30px">
                    新浪微博</a>
                </p>
                <p><a href="">
                    <img src="./images/b_sh_2.png" alt="" width="30px">
                    腾讯微博</a>
                </p>
                <p>服务热线：</p>
                <p>400-123-4567</p>
            </div>
        </div>
    <hr>
        <div class="statement">
            <p>备案许可证编号:蜀ICP备12009302号-1-www.dingguagua.com Copyight&copy; 1号店网上超市 2007-2016，All Rights Reserved。复制必究，Techical Support: Dgg Group
            </p>
            <div>
               <a href=""><img src="./images/b_1.gif" alt=""></a>
               <a href=""><img src="./images/b_2.gif" alt=""></a>
               <a href=""><img src="./images/b_3.gif" alt=""></a>
               <a href=""><img src="./images/b_4.gif" alt=""></a>
               <a href=""><img src="./images/b_5.gif" alt=""></a>
               <a href=""><img src="./images/b_6.gif" alt=""></a>
            </div>
        </div>
    </footer>
</body>
</html>